import { Tabs } from "antd";
import React from "react";
import styled from "@emotion/styled";
import {NginxBaseConfig} from "./base";

export const NginxServer:React.FC = () => {
  return <Container defaultActiveKey="1" centered>
    <Tabs.TabPane tab="基本配置" key="1">
      <NginxBaseConfig />
    </Tabs.TabPane>
    <Tabs.TabPane tab="负载均衡" key="2">
      负载均衡
    </Tabs.TabPane>
    <Tabs.TabPane tab="服务列表" key="3">
      服务列表
    </Tabs.TabPane>
    <Tabs.TabPane tab="日志解析" key="4">
      日志解析
    </Tabs.TabPane>
    <Tabs.TabPane tab="配置备份" key="5">
      配置备份
    </Tabs.TabPane>
  </Container>
}

const Container = styled(Tabs)`
  padding: 0 24px 24px 24px;
`